<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Registration</title>
</head>
<body>

<h2>User Registration with Images</h2>
<form action="/api/users/save" method="post" enctype="multipart/form-data">
    <label for="userId">User ID:</label>
    <input type="text" id="userId" name="userId" required><br>

    <label for="userName">User Name:</label>
    <input type="text" id="userName" name="userName" required><br>

    <label for="userPhone">User Phone:</label>
    <input type="text" id="userPhone" name="userPhone" required><br>

    <label for="userSex">User Sex:</label>
    <select id="userSex" name="userSex" required>
        <option value="male">Male</option>
        <option value="female">Female</option>
    </select><br>

    <label for="userPassword">User Password:</label>
    <input type="password" id="userPassword" name="userPassword" required><br>

    <label for="userIdcard1">User ID Card Image 1:</label>
    <input type="file" id="userIdcard1" name="userIdcard1" accept="image/*" required><br>

    <label for="userDriveCard1">User Drive Card Image 1:</label>
    <input type="file" id="userDriveCard1" name="userDriveCard1" accept="image/*" required><br>

    <label for="userIdcard2">User ID Card Image 2:</label>
    <input type="file" id="userIdcard2" name="userIdcard2" accept="image/*" required><br>

    <label for="userDriveCard2">User Drive Card Image 2:</label>
    <input type="file" id="userDriveCard2" name="userDriveCard2" accept="image/*" required><br>

    <input type="submit" value="Submit">
</form>

</body>
</html>
